<template>
  <view class="page">
    <view class="title">审批流程</view>
    <view class="process">
      <desc-item :list="detailList" />
    </view>
  </view>
</template>

<script>
import descItem from './components/desc-item.vue';
export default {
 
  data() {
    return {
       detailList:[{
        approveTime: '2021.06.01 19:02',//审批时间
        applyUser: '申请人',//审批(申请)人
        approveMsg: '', // 会签内容
        approveResult:2, //1未开始,进行中,2同意,3拒绝
        userList:[{
          headUrl:'https://dummyimage.com/44x44/000/fff',//用户头像
          userName: 'test', //用户姓名
          approveResult: 2,//1:待审批,2:同意,3:拒绝
        }
        ]//人员列表
      },
      {
        approveTime: '2021.06.01 19:02',//审批时间
        applyUser: '审批人',//审批(申请)人
        isFinish: false, //当前层级是否已完成
        approveMsg: '(2人会签)', // 会签内容
        approveResult:1, //1未开始,进行中,2同意,3拒绝
        userList:[{
          headUrl:'https://dummyimage.com/44x44/000/fff',//用户头像
          userName: 'test', //用户姓名
          dealMsg: '',
          approveResult: 1//1:待审批,2:同意,3:拒绝
          
        },
        {
          headUrl:'https://dummyimage.com/44x44/000/fff',//用户头像
          userName: 'test', //用户姓名
          dealMsg: '',
          approveResult: 1//1:待审批,2:同意,3:拒绝
        },
        {
          headUrl:'https://dummyimage.com/44x44/000/fff',//用户头像
          userName: 'test', //用户姓名
          dealMsg: '',
          approveResult: 1//1:待审批,2:同意,3:拒绝
        },
        {
          headUrl:'https://dummyimage.com/44x44/000/fff',//用户头像
          userName: 'test', //用户姓名
          dealMsg: '同意',
          approveResult: 2//1:待审批,2:同意,3:拒绝
        },
        {
          headUrl:'https://dummyimage.com/44x44/000/fff',//用户头像
          userName: 'test', //用户姓名
          dealMsg: '同意',
          approveResult: 2//1:待审批,2:同意,3:拒绝
        },
        {
          headUrl:'https://dummyimage.com/44x44/000/fff',//用户头像
          userName: 'test', //用户姓名
          dealMsg: '',
          approveResult: 1//1:待审批,2:同意,3:拒绝
        },
        ]//人员列表
      },
      {
        approveTime: '2021.06.01 19:02',//审批时间
        applyUser: '审批人',//审批(申请)人
        isFinish: false, //当前层级是否已完成
        approveMsg: '', // 会签内容
        approveResult:3, //1未开始,进行中,2同意,3拒绝
        userList:[{
          headUrl:'https://dummyimage.com/44x44/000/fff',//用户头像
          userName: 'test', //用户姓名
          approveResult: 3,//1:待审批,2:同意,3:拒绝
           dealMsg: '拒绝',
        },
        ]//人员列表
      },
      ],
    };
  },
  components: { descItem },
  methods: {},

  created() {},
};
</script>
<style lang="scss" scoped>
.page {
  background-color: #fff;
  width: 690rpx;
  margin: 30rpx;
  border-radius: 16rpx;
}
.title {
  height: 88rpx;
  line-height: 88rpx;
  padding: 0 24rpx;
  box-sizing: border-box;
  font-size: 30rpx;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
</style>
